<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        //创建点击事件
        function onclickFun() {
            //获取标签对象
            var Pwd=document.getElementById("p000");
            //获取输入框的值
            var value=Pwd.value;
            //获取想要输出的提示内容
            var s=document.getElementById("s222");
            //利用正则表达式判断数据是否符合规则
            //创建一个正则表达式
            var patt=/^\w{5,12}$/;
            //给出结果
            if(patt.test(value)){
                 s.innerHTML="<img src='正确.png' width='20' height='15'/>";
            }else{
                 s.innerHTML="<img src='错误.png' width='20' height='15'/>";

            };
        }
    </script>
</head>
<body>
    用户密码：<input type="password" id="p000" value="password"/>
    <button onclick="onclickFun()">验证</button>
    <span id="s222" style="color:red"></span>
</body>
</html>